
<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="火警检测" name="first" >
        <Firectrl v-if="activeName==='first'"></Firectrl>
    </el-tab-pane>
    <el-tab-pane label="人员聚集" name="second">
        <Peoalarm v-if="activeName==='second'"></Peoalarm>
    </el-tab-pane>
    <el-tab-pane label="人员闯入" name="third">
        <Edgealarm v-if="activeName==='third'"></Edgealarm>
    </el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">
        定时任务补偿
    </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Firectrl from './Firectrl';
import Edgealarm from './Edgealarm';
import Peoalarm from './Peoalarm';

export default {
  components: { Peoalarm, Edgealarm,Firectrl},
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    },
  
}
</script>

<style>

</style>